<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="//use.typekit.net/rym7bcj.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<div class="container">
<h1>Simple Expanding Effect</h1>
<a href="javascript:void(0);" class="button">Check it out</a><a href="javascript:void(0);" class="button-readmore"><span>Case Study</span></a>
</div>
